<template>
    <div class="msg_cont flex_column_between">
        <!-- <div class=""> -->
            <div class="title_cont cur" v-if="type==0" @click="$router.back()"> <i class="el-icon-arrow-left"></i> 个人信息</div>
            <el-descriptions title="基本信息" :labelStyle="{fontSize:'1.8rem'}" :contentStyle="{fontSize:'1.8rem',color:'#626780'}">
                <el-descriptions-item label="姓名">{{ info.name || '' }}</el-descriptions-item>
                <el-descriptions-item label="手机号">{{ info.mobile || '' }}</el-descriptions-item>
                <el-descriptions-item label="生日">{{ info.birthday || '' }}</el-descriptions-item>
                <el-descriptions-item label="性别">{{ info.gender && info.gender.name || '' }}</el-descriptions-item>
            </el-descriptions>
            <el-descriptions title="教学情况" :labelStyle="{fontSize:'1.8rem'}" :contentStyle="{fontSize:'1.8rem',color:'#626780'}">
                <el-descriptions-item label="用户类型">教练</el-descriptions-item>
                <el-descriptions-item label="助教等级">{{ info.level && info.level.name || '' }}</el-descriptions-item>
                <el-descriptions-item label="累计教词">{{ info.statistics ? info.statistics.totalTeachWordNum : 0 }}</el-descriptions-item>
                <el-descriptions-item label="30分钟累计课时">{{ info.statistics ? info.statistics.learnClassHour30 : 0 }}</el-descriptions-item>
                <el-descriptions-item label="60分钟累计课时">{{ info.statistics ? info.statistics.learnClassHour60 : 0 }}</el-descriptions-item>
                <el-descriptions-item label="最后登录时间">{{ info.lastLoginTime || '' }}</el-descriptions-item>
                <el-descriptions-item label="最后登录ip">{{ info.lastLoginIp || '' }}</el-descriptions-item>
            </el-descriptions>
        <!-- </div> -->
        <el-button style="width: 43.6rem;" type="primary" @click="readFn">确定</el-button>
    </div>
</template>

<script>
    export default {
        props:{
            type:{
                type:String,
                default:'0'
            },
            info:{
                type: Object,
                default: {}
            }
        },
        data() {
            return {
                size: ''
            }
        },
        mounted() {

        },
        methods:{
            readFn(){
                this.$emit('closeFn')
            }
        }
    }
</script>

<style lang="scss" scoped>
.msg_cont{
    width: 100%;
    height: 100%;
    // background: #fff;
    border-radius: 2.0rem;
    padding: 2.0rem;
}
.title_cont{
    margin-bottom: 4.8rem;
}
::v-deep .el-descriptions__body{
    background-color:transparent;
}
::v-deep el-descriptions-row{
    margin-bottom: 3.0rem;
}
</style>
